<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta http-equiv="content-type" content="textml" charset="utf-8">
    <title>3D Box</title>
    <meta name="Keywords" content="3D, Box">
    <meta name="Description" content="3D Box">
    <link rel="stylesheet" media="screen" href="css/clean.css">
    <link rel="stylesheet" media="screen" href="css/header.css">
    <link rel="stylesheet" media="screen" href="css/main.css">
    <link rel="stylesheet" media="screen" href="css/section.css">
</head>
<body>
    <header>
        <div class='header-area'>
            <ul class='header-width-set'>
                <li>
                    <div class='tips'></div>
                    <span>Theme: 3D Box</span>
                </li>
                <li>
                    <div class='tips'></div>
                    <span>Email: socovo@live.com</span>
                </li>
                <li>
                    <div class='tips'></div>
                    <span>Name: 宋臣</span>
                </li>
            </ul>
        </div>
    </header>
    <main class='stage'>
        <section class='container'>
            <div class='top slide'>top</div>
            <div class='bottom slide'>bottom</div>
            <div class='left slide'>left</div>
            <div class='right slide'>right</div>
            <div class='front slide'>front</div>
            <div class='back slide'>back</div>
            <section class='mini-container'>
                <div class='mini-top mini'></div>
                <div class='mini-bottom mini'></div>
                <div class='mini-left mini'></div>
                <div class='mini-right mini'></div>
                <div class='mini-front mini'></div>
                <div class='mini-back mini'></div>
            </section>
        </section>
    </main>
</body>
</html>